<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<link rel="stylesheet" href="css/jquery.fullPage.css" />
		<script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jquery.fullPage.js" type="text/javascript" charset="utf-8"></script>
		<title></title>
		<link rel="stylesheet" href="css/index.css" />
	</head>
	<body>
		<!--自定义导航菜单和屏幕section互动，需要给菜单添加一个HTML5的自定义属性（data-menuanchor），需要和锚文本设置相同的内容-->
		<ul id="myMenu">
		    <li data-menuanchor="firstPage"><a  href="#firstPage"><span>简历 — </span><b></b></a></li>
		    <li data-menuanchor="secondPage"><a href="#secondPage"><span>关于 — </span><b></b></a></li>
		    <li data-menuanchor="thirdPage"><a href="#thirdPage"><span>作品 — </span><b></b></a></li>
		    <li data-menuanchor="fourthPage"><a href="#fourthPage"><span>能力 — </span><b></b></a></li>
		    <li data-menuanchor="fifthPage"><a href="#fifthPage"><span>联系 — </span><b></b></a></li>
		</ul>
		<div id="fullpage">
			<div class="section section1">
				<div class="container">
					<div class="container_left container1_left">
						<img src="img/gril1.png" />
					</div>
					<div class="container_right container1_right">
						<p>设计源于生活，最终归于生活，服务于生活</p>
						<h1>我们·都是设计师</h1>
						<a href="#secondPage">about me</a>
					</div>
				</div>
			</div>
			<div class="section section2">
				<div class="container">
					<div class="container_left container2_left container_bg">
						<img class="about_me" src="img/10003.png" />
						<p>大家好我叫谢晓云，很高兴你能停留在我的网站片刻，这是我的荣幸，也是我建立这个网站的目的，也希望通过我的点滴分享能使互联网世界更加精彩。我是科班出身的设计妹子，大学学的是平面设计，在吸取浩瀚的先辈们的优秀精华之后，毕业后毅然投入了设计这一行当。先后从事了平面设计，UI设计等岗位。</p>
						
						<div class="info_title">
							<img src="img/10027.png" />
							<h3>教育经历</h3>
						</div>
						<ul class="experience_list">
							<li>
								<h4><span>上海传媒大学 — 硕士</span><span class="arrows"></span></h4>
								<div class="experience_info ">
									<h6>2020.09-2022.06</h6>
									<p>在校期间曾系统的学习过大众媒体理论与方法、艺术管理、平面设计、网页设计、广告传播、视觉传播设计方法、数字动画技术、装置设计、平面设计、视觉艺术的最新趋势、图形编辑要素、视觉艺术设计方法。</p>
								</div>
							</li>
							<li>
								<h4><span>上海传媒大学 — 本科</span><span class="arrows"></span></h4>
								<div class="experience_info ">
									<h6>2016.09-2020.06</h6>
									<p>在校期间曾系统的学习过平面构成、色彩构成、图案造型、字体设计、标志设计等方面的课程,能熟练运用DIV+CSS. HTML ,熟悉各种浏览器的兼容熟练运用photoshop. dreamwerver.flash. coreldraw 软件。</p>
								</div>
							</li>
						</ul>
						<div class="info_title">
							<img src="img/10011.webp" />
							<h3>工作经历</h3>
						</div>
						<ul class="experience_list">
							<li>
								<h4><span>科技网络有限公司</span><span class="arrows"></span></h4>
								<div class="experience_info ">
									<h6>产品部UI设计师</h6>
									<p>
										● 网页的界面设面,制作出静态页面;<br />
										● 网站推广方案的设定;<br />
										● 优化客户的网站并进行推广;
									</p>
								</div>
							</li>
							<li>
								<h4><span>品牌设计有限公司</span><span class="arrows"></span></h4>
								<div class="experience_info ">
									<h6>平面设计师</h6>
									<p>
										● 负责公司日常宣传、策划设计制作、公司展览会议布置;<br />
										● 广告平面设计、制作及其它图文处理、企业宣传资料的设计、制作与创新;<br />
										● 协助其他部门人员对设计及美学方面的工作顺利完成;

									</p>
								</div>
							</li>
						</ul>
					</div>
					<div class="container_right container2_right">
						<div class="content_title">
							<p>————— 个人介绍</p>
						</div>
						<img src="img/girl2.png" />
					</div>
				</div>
			</div>
			<div class="section section3">
				<div class="container">
					<div class="container_left">
						<div class="content_title">
							<p>—————   作品赏析</p>
						</div>
						<ul class="photo_list">
							<li>
								<img src="img/photo1.png" />
								<p>Photography</p>
							</li>
							<li>
								<img src="img/photo2.png" />
								<p>handbag</p>
							</li>
						</ul>
					</div>
					<div class="container_right container3_right container_bg">
						<p>我认为设计师首先是一个热爱生活、懂得生活的人。如果能把生活过得很美好，很有质量，那么他就有很好的积淀输出到设计上面来。所以我觉得设计师首先是一个生活专家，其次，是一个能发现美，并且能把美充分表达并实现出来的人。生活中感动自己，项目中感动客户。</p>		
						<p>自信才能设计出好作品，无论是设计师还是其他任何一个职位，我们首先要做到的是自信。每个人的内心世界都是不同的，刚开始作品不被他人接受没关系，我们首先要做到对自己作品的认可。</p>
						<div class="content_title">
							<p>—————   作品概述</p>
						</div>
						<div class="image_list">
							<img src="img/production_1.jpg" />
							<img src="img/production_2.jpg" />
							<img src="img/production_3.jpg" />
							<img src="img/production_4.jpg" />
						</div>
						<a class="more" href="#">more</a>
					</div>
				</div>
			</div>
			<div class="section section4">
				<div class="container">
					<div class="container_left container4_left container_bg">
						<img src="img/10018.png" />
						<p>在校期间曾系统的学习过平面构成，色彩构成，素描基础，photoshop，CorelDraw， 11ustrator, AutoCAD， 广 告原理、字体设计、平面广告设计与工艺流程、标志设计、CIS策划、装帧设计、版式设计、包装设计、数码摄影建筑效果图后期处理等课程。</p>
						<p>拥有扎实的设计基础，良好的手绘能力，整体画面感好，有一定的创意和想法，对于时尚尤其敏感，有自己独特的审美和感悟。</p>
						<div class="content_title">
							<p>—————   技能介绍</p>
						</div>
					</div>
					<div class="container_right container4_right">
						<div class="info_title ">
							<img src="img/10011.webp" />
							<h3>网站设计</h3>
						</div>
						<p>熟练运用HTML5+CSS3+JS ,熟悉各种浏览器的兼容熟练运用photoshop. dreamwerver等软件,可以独立完成网站前台页面设计。</p>
						<div class="info_title ">
							<img src="img/10012.webp" />
							<h3>UI/UX设计</h3>
						</div>
						<p>具有优秀的审美和丰富的视觉表现力，精通色彩、图形、信息和GUI设计原则,掌握Photoshop、Illustrator、Axure等设计软件，熟悉Web端设计规范。</p>
						<div class="info_title ">
							<img src="img/10013.webp" />
							<h3>LOGO设计</h3>
						</div>
						<p>能有效跟甲方沟通且梳理明确要求推进设计项目，掌握logo设计，vi设计，包装设计，画册设计等平面设计项目。</p>
						<div class="info_title ">
							<img src="img/10014.webp" />
							<h3>插画设计</h3>
						</div>
						<p>具备专业的手绘基础、手绘功底深厚，热爱画画，插画风格多样化且有自己擅长的插画风格。</p>
					</div>
				</div>
			</div>
			<!--不满屏时添加类名：fp-auto-height-->
			<div class="section section5">
				<div class="container">
					<div class="container_left">
						<div class="content_title">
							<p>—————   给我留言</p>
						</div>
						<form name="" method="get" action="#">
							<input required="" type="text" placeholder="请输入姓名" />
							<input pattern="^([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})$" required=""  placeholder="请输入邮箱" />
							<input pattern="^1[3456789]\d{9}$" required="" type="text" placeholder="请输入手机号" />
							<textarea required=""  placeholder="请填写留言内容" /></textarea>
							<input type="submit" class="submit_btn" value="send"/>
						</form>
					</div>
					<div class="container_right container5_right container_bg">
						<p>如果说设计是把自我的内心世界通过技术的手段表达出来的一种过程的话，那么摄影就是让五彩缤纷的自然世界再次深入我内心的一个必然历程。</p>
						<p>平常喜欢看一些杂七无章及漫画方面书籍，比如像艺术家一样思考，矛盾文学奖的部分作品等。比较喜欢一些现代作家，比如：路遥，贾平凹，陈忠实，都梁等。感觉他们在用自己的生命来涂写他们笔下的世界。比较喜欢的漫画家有朱德庸，几米等。</p>
						<p>邮箱：xiaomeng@qq.com</p>
						<div class="content_title">
							<p>—————   UI/WEB & Graphic Designer</p>
						</div>
						<div class="signature">
							<img src="img/10001.png" />
							<p>Copyright  © 2022  XieXiaoyun Designer  All rights reserved.</p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
	<script type="text/javascript">
		$(document).ready(function() {
			$('#fullpage').fullpage({
				//scrollingSpeed，滚动速度，单位为毫秒
				//anchors，定义锚链接
				anchors: ['firstPage', 'secondPage', 'thirdPage', 'fourthPage','fifthPage'],
				//menu，绑定菜单，设定的相关属性与 anchors 的值对应后，菜单可以控制滚动
				menu: '#myMenu',
			});
			$(".experience_list h4").click(function(){
				$(this).parents(".container").find(".experience_info").slideUp();
				$(this).parents(".container").find(".arrows").css("transform","rotate(0deg)");
				if($(this).siblings(".experience_info").css("display")=="none"){
					$(this).siblings(".experience_info").slideDown();
					$(this).children(".arrows").css("transform","rotate(90deg)");
				}else{				
					$(this).siblings(".experience_info").slideUp();
					$(this).children(".arrows").css("transform","rotate(0deg)");
				}
			})
		});
	</script>
</html>
